<template>
 <div>
     <h1>jquery组件</h1>
     <button id="btn">点击隐藏</button>
     <div id="box"></div>
 </div>
</template>

<script>
// 导入
// import $ from 'jquery'
export default {
    data(){
         return{}
    },
    created(){
        // $('#btn').click(function(){
        //     $('#box').hide()
        // })
    },
    mounted() {
        // 操作dom要在mounted生命周期中
        this.$('#btn').click(()=>{
            this.$('#box').hide()
        })
    },
    methods:{},
    components:{}
}

</script>
<style scoped>
#box {
    width: 100px;
    height: 100px;
    background-color: red;
}
</style>